<template>
	<view class="container">
		
		<view class="fixed flex justify-between padding text-bold bg-gradual-blue" style="width: 100%;">
			<view>购物车（12）</view>
			<view>管理</view>
		</view>
		<view style="margin-top: 100rpx;">
			<view class="cu-card article " >
				<view class="cu-item shadow " v-for="(item,index) in 5" :key="index">
					<view class="title ">
						<text class="cuIcon-round margin-right-sm"></text>
						<text class="text-cut">韩都鞋店</text>
					</view>
					<view class="content">
						<view class="flex align-center margin-right-sm">
							<view class="cuIcon-round "></view>
						</view>
						
						<image src="https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg"
						 mode="aspectFill"></image>
						<view class="desc">
							<view class="text-title text-size-28 text-black">时尚韩版凉鞋</view>
							<view class="padding-xs bg-gray radius">米色/42码/男士 </view>
							<view class="flex justify-between">
								<view class="padding-xs">
									<text class="text-size-10 text-red">￥</text>
									<text class="text-size-18 text-red text-blod">18</text>
								</view>
								<view class="cu-tag text-center radius" style="width: 6rem;">
									<view class="flex-sub padding-xs text-size-30">-</view>
									<view class="flex-sub padding-xs" style="border-left: #CCCCCC 1rpx solid;border-right: #CCCCCC 1rpx solid;">1</view>
									<view class="flex-sub padding-xs text-size-30">+</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view style="height: 100rpx;"></view>
		<cu-navbar selectIndex="3"  :isBottom="true"></cu-navbar>
	</view>
</template>

<script>
	import { mapState, mapMutations } from 'vuex';
	//footer
	import cuNavbar from '@/components/diy/footer/cu-navbar.vue';
	export default {
		computed: {
			...mapState(['hasLogin', 'forcedLogin', 'userinfo'])
		},
		components: {
			cuNavbar
			
		},
		data() {
			return {
				PageCur: 'basics'
			}
		},
		methods: {
			NavChange: function(e) {
				this.PageCur = e.currentTarget.dataset.cur
			}
		}
	}
</script>

<style scoped>
	
</style>
